<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" type="text/css" href="static/css/style.css">
  <link rel="stylesheet" type="text/css" href="static/css/public.css">
  <link rel="stylesheet" type="text/css" href="static/css/index.css">
  <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_403219_zado0b4c1zb5u3di.css">
  <title>ta的主页</title>
  <style>
  </style>
</head>
<body>
  <div class="homepage" id='homepage'>
    <div class="header" id='header'>
      <div class="wrap">
        <a href="#" class="logo fl"><img src="static/img/logo.png" alt=""></a>
        <ul class='fl nav' id='nav'>
          <li><a href="index.html">首页</a></li>
          <li><a href="recommend.html">推荐作品</a></li>
          <li><a href="my_space.html">动态</a></li>
          <span></span>
        </ul>
        <div class="fr right">
          <div href="javascript:;" class="submission fr">投稿
            <ul class='hide-ul'>
              <li><a href="issueProduction.html">作品发布</a></li>
              <li><a href="issueLog.html">文章发布</a></li>
              <li><a href="my_space.html">心情发布</a></li>
            </ul>
          </div>
          <!-- 头像组合和下拉框 -->
          <div class="avator fr">
            <img src="static/img/img_all01.png" alt="">

            <!-- 这个hide-box是登录之后的样子 -->
            <div class="hide-box" style='display:none'>
              <p class='name'>你大爷</p>
              <p class='info'>
                <span><i class='icon iconfont icon-liangshinew'></i>8
                  <!-- what是里面的小弹框 -->
                  <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i>
                </span>
                <span><i class='icon iconfont icon-yugu1'></i>6
                <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i></span>
                <span><i class='icon iconfont icon-wode'></i>5
                <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i></span>
                <a href="javascript:;" class="fr">充值</a>
              </p>
              <ul class='clearfix'>
                <li><a href="my_page.html">我的主页</a></li>
                <li><a href="my_collection.html">我的收藏</a></li>
                <li><a href="my_center_wallet.html">我的钱包</a></li>
                <li><a href="my_products.html">我的创作</a></li>
                <li><a href="achievement.html">我的成就</a></li>
                <li><a href="my_center_data.html">账号设置</a></li>
              </ul>
              <a href="javascript:;" id='login_out' class='hide-btn'>退出</a>
            </div>
            <!-- 这个hide-box是没登录的样子 -->
            <div class="hide-box not-login" id='not-login'>
              <p>登陆后你可以 :</p>
              <div class="img-box">
                <img src="static/img/danmu2.png" alt="" id='imgmove1'>
                <img src="static/img/danmu2.png" alt="" id='imgmove2'>
              </div>
              <div class="register">
                还没有账号？<a href="login.html?type=1">点击我去注册</a>
              </div>
              <a href="login.html?type=2" id='login_in' class='hide-btn'>登录</a>
            </div>
          </div>
          <div class="news fr"><img src="static/img/news.png" alt=""><i></i>
            <ul class='hide-ul'>
              <li><a href="newsCenter.html?type=1">收到的评论</a></li>
              <li><a href="newsCenter.html?type=2">点赞 / 收藏</a></li>
              <li><a href="newsCenter.html?type=3">系统通知</a></li>
              <li><a href="newsCenter.html?type=4">私信消息</a></li>
            </ul>
          </div>
          <div class="search-box fr">
            <a class="search fl clearfix" id="search"></a>
            <input type="text" class='fl' placeholder="搜索作品、二次元星人等">
          </div>
        </div>
      </div>
    </div>
    <div class="bg">
        <div class="wrap">
          <img src="static/img/img_all02.png" alt="" class='fl'>
          <div class="img-after">
            <p data-text='布丁酱'>布丁酱<a href="javascript:;" class='fr'>+关注</a></p>
            <p class='info' data-text='我是一个粉刷匠，画画本领强~'>我是一个粉刷匠，画画本领强~</p>
          </div>
        </div>
    </div>
    <div class="home-nav" id='home-nav'>
      <div class="inner">
        <div class="wrap">
          <ul class='clearfix'>
            <li class='active'><a href="other_page.html">TA的主页</a></li>
            <li><a href="other_products.html">作品库</a></li>
            <li><a href="other_articles.html">文章</a></li>
            <!-- <li><a href="javascript;;">关注列表</a></li> -->
          </ul>
        </div>
      </div>
    </div>

    <!-- 主要内容 -->
    <div class="main">
      <div class="wrap clearfix">
        <div class="left fl">
          <!-- 投食 -->
          <div class="food">
            <div class='btn'><a href="javascript:;" id='food'>为TA投食</a><span>共计86人投食</span></div>
            <ul class='clearfix' id='whathead'>
              <!-- <li><img src='static/img/banner.png' alt=""></li> -->
              <li><img src='static/img/img_all02.png' alt=""></li>
              <li><img src='static/img/img_all_essay.png' alt=""></li>
              <div class="img" id='ball'><img src="static/img/banner.png" alt=""></div>
            </ul>
          </div>
          <!-- 介绍 -->
          <div class="jieshao">
            <p>过往经验及介绍</p>
            <p>人气值&nbsp;&nbsp;&nbsp;2000</p>
            <p>兴趣插画师一枚，擅长撒娇打滚萌萌哒画风 (*^▽^*)~</p>
          </div>
          <!-- 标签 -->
          <div class="jieshao type">
            <p>常用标签</p>
            <ul class='clearfix'>
              <li>日系</li>
              <li>韩系</li>
              <li>赛璐璐</li>
              <li>写珍惜</li>
              <li>写珍惜</li>
              <li>写珍惜</li>
              <li>日系</li>
            </ul>
          </div>
          <!-- 成就 -->
          <div class="jieshao chengjiu">
            <p>成就展示</p>
            <ul>
              <li class='clearfix'>
                <div class="img-box"><img src='static/img/chengjiu.png' alt=""></div>
                <div class="after">浦发小王子</div>
              </li>
              <li class='clearfix'>
                <div class="img-box"><img src='static/img/chengjiu.png' alt=""></div>
                <div class="after">浦发小王子</div>
              </li>
              <li class='clearfix'>
                <div class="img-box"><img src='static/img/chengjiu.png' alt=""></div>
                <div class="after">浦发小王子</div>
              </li>
              <li class='clearfix'>
                <div class="img-box"><img src='static/img/chengjiu.png' alt=""></div>
                <div class="after">浦发小王子</div>
              </li>
            </ul>
          </div>
        </div>
        <div class="right fr">
          <!-- 各种鬼东西详细信息 -->
          <div class="detail">
            <ul>
              <!-- 这条是心情 -->
              <li>
                <div class="who">
                  <img src="static/img/img_all_essay.png" alt=""><span>王昭君</span><span>2小时前</span>
                </div>
                <div class="xingqing">
                  <p><img src="static/img/xinqing.png" alt="" title='心情'>
                  <span>今天的动漫画展真的是太让人惊喜了，我最爱的千指大人也到了现场，开森开森(*^▽^*)</span>
                  </p>
                  <div class="xingqing-img">
                    <ul class='clearfix'>
                      <li>
                        <img src="static/img/img_all01.png" height="210" width="267" alt="">
                      </li>
                      <li>
                        <img src="static/img/img_all02.png" height="210" width="267" alt="">
                      </li>
                      <li>
                        <img src="static/img/img_all01.png" height="210" width="267" alt="">
                      </li>
                      <li>
                        <img src="static/img/img_all02.png" height="210" width="267" alt="">
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="btn">
                    <i class='icon iconfont icon-pinglun'></i><span>23</span><i class='icon iconfont icon-xihuan'></i><span>23</span>
                </div>
                <!-- 评论 -->
                <div class="hidden">
                  <div class="sya clearfix">
                    <input type="text">
                    <a href="javascr:;">评论</a>
                  </div>
                  <ul class='inner' id='inner'>
                    <li class='clearfix'>
                      <div class="fl avator">
                        <img src="static/img/img_all01.png" alt="">
                      </div>
                      <div class="content">
                        <div class="top">
                          <span>彭于晏</span><span>11天前</span>
                        </div>
                        <div class="mid">
                          <p>呵呵～你记错了，明明是李炬好不好</p>
                          <div class="has-child">
                            <div class="name">吴彦祖</div>
                            <div class="con">
                              <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                            </div>
                          </div>
                        </div>
                        <div class="bottom">
                          <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                          <div class="hidden">
                            <div class="box clearfix">
                              <div class="fl saytowho">
                                回复 <span>彭于晏</span>:
                              </div>
                              <input type="text" class='huifu'>
                            </div>
                            <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li class='clearfix'>
                      <div class="fl avator">
                        <img src="static/img/img_all02.png" alt="">
                      </div>
                      <div class="content">
                        <div class="top">
                          <span>吴彦祖</span><span>11天前</span>
                        </div>
                        <div class="mid">
                          <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                        </div>
                        <div class="bottom">
                          <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                          <div class="hidden">
                            <div class="box clearfix">
                              <div class="fl saytowho">
                                回复 <span>珍珠问</span>:
                              </div>
                              <input type="text" class='huifu'>
                            </div>
                            <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                          </div>
                        </div>
                      </div>
                    </li>
                  </ul>
                  <a href="javascript:;" class='see-xinqing'>查看更多评论</a>
                </div>
              </li>

              <!-- 这条是t图片作品 -->
              <li>
                <div class="who">
                  <img src="static/img/img_all01.png" alt=""><span>王昭君</span><span>2小时前</span>
                </div>
                <div class="xingqing zuoping">
                  <p><img src="static/img/zuoping.png"  alt="" title='图片'><span class="title">一个人旅行</span></p>
                  <div class="text">
                    「想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人。」
                  </div>
                  <div class="xingqing-img">
                    <ul class='clearfix'>
                      <li>
                        <img src="static/img/img_all01.png" height="210" width="267" alt="">
                      </li>
                      <li>
                        <img src="static/img/img_all02.png" height="210" width="267" alt="">
                      </li>
                      <li>
                        <img src="static/img/img_all01.png" height="210" width="267" alt="">
                      </li>
                      <li>
                        <img src="static/img/img_all02.png" height="210" width="267" alt="">
                      </li>
                    </ul>
                  </div>
                  <div class="type">
                    <span>插画</span><span>原话</span><span>萌萌哒</span>
                  </div>
                </div>
                <div class="ggg clearfix">
                  <a href="javascript:;" class='xing'><i class='icon iconfont icon-xing3'></i><span>333</span></a>
                  <a href="javascript:;" class='zhuanfa'><i class='icon iconfont icon-zhuanfa'></i><span>45</span></a>
                  <a href="javascript:;" class='pinglun'><i class='icon iconfont icon-pinglun1'></i><span>355</span></a>
                  <a href="javascript:;" class='xihuan'><i class='icon iconfont icon-xihuan1'></i><span>333r</span></a>
                  <a href="javascript:;" class='money'><i class='icon iconfont icon-money-8'></i><span>33333</span></a>
                </div> 
              </li>

              <!-- 这条是文字作品 -->
              <li>
                <div class="who">
                  <img src="static/img/img_all01.png" alt=""><span>王昭君</span><span>2小时前</span>
                </div>
                <div class="xingqing zuoping">
                  <p><img src="static/img/icon_articlea.png"  alt="" title='文章'><span class="title">一个人旅行</span></p>
                  <div class="text">
                    想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人。想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人」
                  </div>
                  <div class="type">
                    <span>插画</span><span>原话</span><span>萌萌哒</span>
                  </div>
                </div>
                <div class="ggg clearfix">
                  <a href="javascript:;" class='xing'><i class='icon iconfont icon-xing3'></i><span>333</span></a>
                  <a href="javascript:;" class='zhuanfa'><i class='icon iconfont icon-zhuanfa'></i><span>45</span></a>
                  <a href="javascript:;" class='pinglun'><i class='icon iconfont icon-pinglun1'></i><span>355</span></a>
                  <a href="javascript:;" class='xihuan'><i class='icon iconfont icon-xihuan1'></i><span>333r</span></a>
                  <a href="javascript:;" class='money'><i class='icon iconfont icon-money-8'></i><span>33333</span></a>
                </div> 
              </li>
            </ul>
            <div class="loading">
              <div class="spinner">
                <div class="spinner-container container1">
                  <div class="circle1"></div>
                  <div class="circle2"></div>
                  <div class="circle3"></div>
                  <div class="circle4"></div>
                </div>
                <div class="spinner-container container2">
                  <div class="circle1"></div>
                  <div class="circle2"></div>
                  <div class="circle3"></div>
                  <div class="circle4"></div>
                </div>
                <div class="spinner-container container3">
                  <div class="circle1"></div>
                  <div class="circle2"></div>
                  <div class="circle3"></div>
                  <div class="circle4"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 打赏弹框 -->
    <div class="shang" id='shang'>
      <img src="static/img/img_all02.png" alt="" class='author'>
      <p>如果觉得我的作品不错，欢迎打赏支持哦~~</p>
      <ul class='clearfix'>
        <li data-id='1'><i class='icon iconfont icon-yugu1'></i>1.0</li>
        <li data-id='2'><i class='icon iconfont icon-yugu1'></i>2.0</li>
        <li data-id='3'><i class='icon iconfont icon-yugu1'></i>3.0</li>
        <li data-id='5'><i class='icon iconfont icon-yugu1'></i>5.0</li>
        <li data-id='6' class='active'><i class='icon iconfont icon-yugu1'></i>6.0</li>
        <li data-id='7'><i class='icon iconfont icon-yugu1'></i>7.0</li>
        <li data-id='8'><i class='icon iconfont icon-yugu1'></i>8.0</li>
        <li data-id='9'><i class='icon iconfont icon-yugu1'></i>9.0</li>
        <li data-id='10'><i class='icon iconfont icon-yugu1'></i>10.0</li>
      </ul>
      <div class="balance">
        我的鱼币:<span>88</span><a href="javascript:;"><i class='icon iconfont icon-you'></i></a>
      </div>
    </div>
    <!-- 打赏弹框 -->

    <!-- 喂食弹框 -->
    <div class="foodbox" id='foodbox'>
      <span class='san'><b></b></span>
      <ul class='clearfix'>
        <li class='active' data-id='1'>
          <div class="img"><img src="static/img/ic_3@2x.png" alt=""></div>
          <p class='name'>冰淇淋</p>
          <p class="price"><i class='icon iconfont icon-yugu1'></i><span>200</span></p>
        </li>
        <li data-id='2'>
          <div class="img"><img src="static/img/ic_6@2x.png" alt=""></div>
          <p class='name'>冰淇淋</p>
          <p class="price"><i class='icon iconfont icon-yugu1'></i><span>200</span></p>
        </li>
        <li data-id='3'>
          <div class="img"><img src="static/img/ic_3@2x.png" alt=""></div>
          <p class='name'>冰淇淋</p>
          <p class="price"><i class='icon iconfont icon-yugu1'></i><span>200</span></p>
        </li>
        <li data-id='4'>
          <div class="img"><img src="static/img/ic_6@2x.png" alt=""></div>
          <p class='name'>冰淇淋</p>
          <p class="price"><i class='icon iconfont icon-yugu1'></i><span>200</span></p>
        </li>
        <li data-id='5'>
          <div class="img"><img src="static/img/ic_3@2x.png" alt=""></div>
          <p class='name'>冰淇淋</p>
          <p class="price"><i class='icon iconfont icon-yugu1'></i><span>200</span></p>
        </li>
        <li data-id='6'>
          <div class="img"><img src="static/img/ic_6@2x.png" alt=""></div>
          <p class='name'>冰淇淋</p>
          <p class="price"><i class='icon iconfont icon-yugu1'></i><span>200</span></p>
        </li>
        <li data-id='7'>
          <div class="img"><img src="static/img/ic_3@2x.png" alt=""></div>
          <p class='name'>冰淇淋</p>
          <p class="price"><i class='icon iconfont icon-yugu1'></i><span>200</span></p>
        </li>
      </ul>
      <div class="btn" id='food-control'>
        <a href="javascript:;" id='food-jian'><i class='icon iconfont icon-icon'></i></a>
        <input type="text" id='food-num' value='1'>
        <a href="javascript:;" id='food-jia'><i class='icon iconfont icon-jia'></i></a>
        <div class="balance">
          鱼币:<span>88</span>积分:<span>200</span><a href="javascript:;" id='go-wallet'><i class='icon iconfont icon-you'></i></a>
        </div>
      </div>
    </div>
    <!-- 喂食弹框 -->

     <!-- footer -->
    <div class="footer">
      <div class="wrap">
        <div class="content clearfix">
          <div class="left fl">
            <dl>
              <dt><a href="javascript:;">摸了个鱼</a></dt>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
            </dl>
          </div>
          <div class="mid fl">
            <dl>
              <dt><a href="javascript:;">友情链接</a></dt>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
            </dl>
          </div>
          <div class="right">
            <div class="box">
              <img src="static/img/footer1.png" height="120" width="120" alt="">
              <p>手机端下载</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
            <div class="box">
              <img src="static/img/footer2.png" height="120" width="122" alt="">
              <p>官方微信</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
            <div class="box">
              <img src="static/img/footer3.png" height="120" width="120" alt="">
              <p>官方微博</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
          </div>
        </div>
        <div class="pt40">
          <p>摸了个鱼用户所发布展示的原创作品版权归原作者所有，任何商业用途均须联系作者。</br>如未经授权用作他处，作者将保留追究侵权者法律责任的权利</p>
        </div>
        <div class='bot'>
          <span>京ICP备11017824号-4&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;京ICP证130164号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;北京市公安局朝阳分局备案编号:11010502000501</span>
        </div>
        </div>
      </div>
    </div>

  </div>
  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script src='assets/libs/layer/layer.js'></script>
  <script type="text/javascript" src='static/js/liju.js'></script>
  <script>
  $(function () {
    $('.detail').on('click', '.icon-pinglun', function () {
      $(this).parent().next('.hidden').slideToggle()
    })
    $('#go-wallet').click(function(event) {
      /* Act on the event */
      window.open('my_center_wallet.html')
    });
  })
  </script>
</body>
</html>